<template>
  <view class="navBar">
    <!-- 个人中心 -->
    <view @click="myCenterFun" class="person-box" :style="{top:ht + 'px'}">
      <image class="test_image" src="../../../static/center.png"></image>
      <span class="person-title">个人中心</span>
    </view>
    <image class="index_bg"
      src="https://cangqiongwaimaipbj.oss-cn-shenzhen.aliyuncs.com/d5e510e6-ad87-4941-bc5b-533d6d90bdc9.png"></image>
    <!-- <view class="leftNav" >
			<image class="logo" src="/static/logo.png"></image>
		</view> -->
  </view>
</template>

<script>
  export default {
    computed: {
      // ht: function () {
      // 	let res = uni.getMenuButtonBoundingClientRect()
      // 	let num = 24
      // 	if(/iPhone.*/.test(uni.getSystemInfoSync().model)){
      // 		 num = res.top * 1.6
      // 	} else {
      // 		num = res.top * 2
      // 	}
      // 	return num
      // }
      ht: function() {
        let res = uni.getMenuButtonBoundingClientRect()
        return res.top + 5
      }
    },
    methods: {
      myCenterFun() {
        uni.navigateTo({
          url: '/pages/my/my'
        })
      }
    }
  }
</script>

<style src="./navbar.scss" lang="scss"></style>